<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport"
	      content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="css/bootstrap.css">
	<script src="js/jquery-slim.min.js"></script>
	<script src="js/popper.min.js"></script>
	<script src="js/bootstrap.js"></script>
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/list.css">
	<title>list</title>
</head>
<body>
<header>
	<iframe src="header.html" class="my_header" scrolling="no" frameborder="0"></iframe>
</header>
<div class="container">
	<!--大图-->
	<div class="mt-2 mb-2">
		<img class="w-100" src="../../img/index_guild.png" alt="">
	</div>
	<!--列表-->
	<div class="row mx-0">
		<!--左-->
		<div class="col-md-9 col-sm-12">
			<h6 class="font_small text-muted p-3 my_gray mb-0">笔记本电脑</h6>
			<!--列表主体-->
			<div class="row bg-white m-0">
				<div class="col-lg-4 col-md-6 col-sm-12 p-2">
					<div class="card bg-transparent">
						<a href=""><img class="my_img1 w-100" src="../../img/list/57b12a31N8f4f75a3.jpg" alt=""></a>
						<span class="text-primary">￥6988.00</span>
						<a class="text-muted font_small" href="">Apple MacBook Air 13.3英寸笔记本 银色(Core i5 处理器/8GB内存/128GB SSD闪存 MMGF2CH/A)</a>
						<div class="d-flex justify-content-around align-items-center mb-3">
							<button class="my_btn1">-</button>
							<input class="my_input1 border-0 text-center" type="text" value="1">
							<button class="my_btn1">+</button>
							<a class="btn btn-primary" href="">加入购物车</a>
						</div>
					</div>
				</div>
				<!--复制的-->
				<div class="col-lg-4 col-md-6 col-sm-12 p-2">
					<div class="card bg-transparent">
						<a href=""><img class="my_img1 w-100" src="../../img/list/57b12a31N8f4f75a3.jpg" alt=""></a>
						<span class="text-primary">￥6988.00</span>
						<a class="text-muted font_small" href="">Apple MacBook Air 13.3英寸笔记本 银色(Core i5 处理器/8GB内存/128GB SSD闪存 MMGF2CH/A)</a>
						<div class="d-flex justify-content-around align-items-center mb-3">
							<button class="my_btn1">-</button>
							<input class="my_input1 border-0 text-center" type="text" value="1">
							<button class="my_btn1">+</button>
							<a class="btn btn-primary" href="">加入购物车</a>
						</div>
					</div>
				</div><div class="col-lg-4 col-md-6 col-sm-12 p-2">
				<div class="card bg-transparent">
					<a href=""><img class="my_img1 w-100" src="../../img/list/57b12a31N8f4f75a3.jpg" alt=""></a>
					<span class="text-primary">￥6988.00</span>
					<a class="text-muted font_small" href="">Apple MacBook Air 13.3英寸笔记本 银色(Core i5 处理器/8GB内存/128GB SSD闪存 MMGF2CH/A)</a>
					<div class="d-flex justify-content-around align-items-center mb-3">
						<button class="my_btn1">-</button>
						<input class="my_input1 border-0 text-center" type="text" value="1">
						<button class="my_btn1">+</button>
						<a class="btn btn-primary" href="">加入购物车</a>
					</div>
				</div>
			</div><div class="col-lg-4 col-md-6 col-sm-12 p-2">
				<div class="card bg-transparent">
					<a href=""><img class="my_img1 w-100" src="../../img/list/57b12a31N8f4f75a3.jpg" alt=""></a>
					<span class="text-primary">￥6988.00</span>
					<a class="text-muted font_small" href="">Apple MacBook Air 13.3英寸笔记本 银色(Core i5 处理器/8GB内存/128GB SSD闪存 MMGF2CH/A)</a>
					<div class="d-flex justify-content-around align-items-center mb-3">
						<button class="my_btn1">-</button>
						<input class="my_input1 border-0 text-center" type="text" value="1">
						<button class="my_btn1">+</button>
						<a class="btn btn-primary" href="">加入购物车</a>
					</div>
				</div>
			</div>
			</div>
			<!--分页-->
			<div class="my_gray p-2 ">
				<ul class="pagination justify-content-end mb-0">
					<li class="page-item disabled">
						<a href="" class="page-link bg-transparent">上一页</a>
					</li>
					<li class="page-item active">
						<a href="" class="page-link bg-transparent">1</a>
					</li>
					<li class="page-item">
						<a href="" class="page-link bg-transparent">2</a>
					</li>
					<li class="page-item">
						<a href="" class="page-link bg-transparent">3</a>
					</li>
					<li class="page-item">
						<a href="" class="page-link bg-transparent">4</a>
					</li>
					<li class="page-item">
						<a href="" class="page-link bg-transparent">5</a>
					</li>
					<li class="page-item ">
						<a href="" class="page-link  bg-transparent">下一页</a>
					</li>
				</ul>
			</div>
		</div>
		<!--右-->
		<div class="col-md-3 col-sm-12">
			<h6 class="font_small text-muted p-3 my_gray mb-0">
				<img class="mr-2" src="../../img/list/foodstore_icon2.png" alt="">
				商家公告
			</h6>
			<div class="bg-white p-3 text-muted font_small">
				<p class="mb-1">本店推出全网最低价套餐，保证比其他平台的价格要低！</p>
				<p class="mb-1">不要葱、姜、蒜等这些忌口暂时无法坐不了，敬请谅解！</p>
				<p class="mb-1">晚上10点以后订餐需另加送餐费2元！谢谢合作！</p>
			</div>
			<!--购物车-->
			 <ul class="list-group mt-4">
				 <!--1.第一行-->
				 <li class="list-group-item d-flex justify-content-between my_gray p-2">
					 <span class="text-muted font_small">购物车</span>
					 <a class="text-muted font_small" href="">清空</a>
				 </li>
				 <!--2.中间行-->
				 <li class="list-group-item d-flex justify-content-around border-top p-1 align-items-center">
					 <span class="w-25 font_small text-muted text-truncate">Apple MacBook Air 13.3英寸笔记本 银色(Core i5 处理器/8GB内存/128GB SSD闪存 MMGF2CH/A)</span>
					 <button class="my_btn2">－</button>
					 <input class="my_input2 text-center text-muted" type="text" value="1">
					 <button class="my_btn2">＋</button>
					 <span class="w-25 font_small text-muted ">￥:6988.00</span>
				 </li>
				 <!--复制-->
				 <li class="list-group-item d-flex justify-content-around border-top p-1 align-items-center">
					 <span class="w-25 font_small text-muted text-truncate">Apple MacBook Air 13.3英寸笔记本 银色(Core i5 处理器/8GB内存/128GB SSD闪存 MMGF2CH/A)</span>
					 <button class="my_btn2">－</button>
					 <input class="my_input2 text-center text-muted" type="text" value="1">
					 <button class="my_btn2">＋</button>
					 <span class="w-25 font_small text-muted ">￥:6988.00</span>
				 </li>
				 <li class="list-group-item d-flex justify-content-around border-top p-1 align-items-center">
					 <span class="w-25 font_small text-muted text-truncate">Apple MacBook Air 13.3英寸笔记本 银色(Core i5 处理器/8GB内存/128GB SSD闪存 MMGF2CH/A)</span>
					 <button class="my_btn2">－</button>
					 <input class="my_input2 text-center text-muted" type="text" value="1">
					 <button class="my_btn2">＋</button>
					 <span class="w-25 font_small text-muted ">￥:6988.00</span>
				 </li>
				 <!--3.最后一行-->
				 <li class="list-group-item d-flex justify-content-between bg-secondary border-top p-0 align-items-center">
					 <h5 class="text-white mb-0">
						 <img src="../../img/list/foodstore_car_2.png" alt="">￥:26185.00
					 </h5>
					 <a class="p-3 mb-0 btn bg-primary text-white font-weight-bold h5" href="">去结算</a>
				 </li>
			 </ul>
		</div>
	</div>

</div>
<footer>
	<iframe src="footer.html" class="my_footer" scrolling="no" frameborder="0"></iframe>
</footer>


</body>
</html>